<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		
		<!-- html  结构层    列表组要是相同数据结婚
		              有序列表    无序列表     定义列表
		               有序列表与无序市标
		              有序列表属性值   none decimal,lower -roman  upper-roman
		默认数值   小罗马数值   大罗马数值
		            无序列表属性值     none   disc    circle   square 
					 默认 数值 空心圆   实心方块
		         实际界面开发中 无序列表来定义相同数据集合   有利于seo优化
               实际应用 属性  list-style -type  none   yuzhong		
		
		-->
		
	</head>
	
	<style>
		ol  li {
			list-style-type: lower-roman;
		}
		ul  li{
			list-style-type: disc;
		}
		
		
		
		
	</style>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>哪吒2</li>
			<li>封神2</li>
			<li>12</li>
			
			
		</ol>
		<h1>无序列表</h1>
		<ul>
			<li>12</li>
			<li>546</li>
			<li>534</li>
		</ul>
		
		
		
	</body>
</html>